// 固定路由
export const constantRoute = [
    // 登录页
    {
        // 一级路由
        path: '/login',
        // 动态引入
        component: ()=> import('@/views/login/index.vue'),
        //命名路由，用途：路由权限...
        name: 'login',
        meta: {
            title: '登录',   // 用于展示菜单标题
            hidden: true,  // 用于判断是否需要在菜单中显示
            icon: '',       // 菜单左侧图标，支持element-plus所有图标
        }
    },
    // 数据展示页、首页、登陆成功后跳转页
    {
        path: '/',
        component: ()=> import('@/layout/index.vue'),
        name: 'Layout',
        meta: {
            title: 'layout',
        },
        redirect: '/home',
        children: [
            {
                path: '/home',
                component: ()=> import('@/views/home/index.vue'),
                name: 'Home',
                meta: {
                    title: '首页',
                    icon:'HomeFilled'
                }
            }
        ]
    },
    // 数据大屏
    {
        path: '/screen',
        component: ()=> import('@/views/screen/index.vue'),
        name: 'screen',
        meta: {
            title: '数据大屏',
            hidden: false,
            icon:'platform'
        }
    },
    // 404
    {
        path: '/404',
        component: ()=> import('@/views/404/index.vue'),
        name: '404',
        meta: {
            title: '404',
            hidden: true,
        }
    }
]

// 权限路由
export const asyncRoute = [
    // 权限管理
    {
        path: '/acl',
        component: ()=> import('@/layout/index.vue'),
        name: 'Acl',
        meta: {
            title: '权限管理',
            icon: 'Lock'
        },
        redirect: '/acl/permission',
        children: [
            {
                path: '/acl/permission',
                component: ()=> import('@/views/acl/permission/index.vue'),
                name: 'Permission',
                meta: {
                    title: '菜单管理',
                    icon:'Monitor'
                }
            },
            {
                path: '/acl/role',
                component: ()=> import('@/views/acl/role/index.vue'),
                name: 'Role',
                meta: {
                    title: '角色管理',
                    icon:'UserFilled'
                }
            },
            {
                path: '/acl/user',
                component: ()=> import('@/views/acl/user/index.vue'),
                name: 'User',
                meta: {
                    title: '用户管理',
                    icon:'User'
                }
            }
        ]
    },
    // 商品管理
    {
        path: '/product',
        component: ()=> import('@/layout/index.vue'),
        name: 'Product',
        meta: {
            title: '商品管理',
            icon: 'Goods'
        },
        redirect: '/product/attr',
        children: [
            {
                path: '/product/attr',
                component: ()=> import('@/views/product/attr/index.vue'),
                name: 'Attr',
                meta: {
                    title: '属性管理',
                    icon:'ChromeFilled'
                }
            },
            {
                path: '/product/sku',
                component: ()=> import('@/views/product/sku/index.vue'),
                name: 'Sku',
                meta: {
                    title: 'SKU管理',
                    icon:'Orange'
                }
            },
            {
                path: '/product/spu',
                component: ()=> import('@/views/product/spu/index.vue'),
                name: 'Spu',
                meta: {
                    title: 'SPU管理',
                    icon:'Calendar'
                }
            },
            {
                path: '/product/trademark',
                component: ()=> import('@/views/product/trademark/index.vue'),
                name: 'Trademark',
                meta: {
                    title: '品牌管理',
                    icon:'ShoppingCartFull'
                }
            }
        ]
    }
]

// 任意路由
export const anyRoute = {
    // 其他路径，动态匹配
    path: '/:pathMatch(.*)*',
    // 重定向
    redirect: '/404',
    name: 'any',
    meta: {
        title: '任意路由',
        hidden: true,
    }
}

